Build a Countdown Timer with React (with hooks)

1700 suscriptores

19.559 visualizaciones hace 1 año

Build a Countdown Timer with React In this tutorial we build a countdown timer with react. We create a functional component which receives a timestamp as the prop. Then it will display a countdown timer. We will use …

Mostrar más

Mostrar más

Intro

Basic setup

Styling

Add the state

Add the counter interval

Prepare countdown logic

Implement countdown logic

Format countdown string

Lista de reproducción destacada

Intro

Basic setup

Styling

Add the state

Add the counter interval

Prepare countdown logic

Implement countdown logic

Format countdown string

Fix negative countdown values

Sincronizar con el tiempo del vídeo

Santiago Rivarola

Público

0/140

30.0 segundos

Sigue creando clips después del anuncio

No puedes crear clips mientras se reproduce un anuncio

Build a Countdown Timer with React (with hooks)

Olli

426

Me gusta

19.559

Visualizaciones

2021

19 ago

Build a Countdown Timer with React In this tutorial we build a countdown timer with react. We create a functional component which receives a timestamp as the prop. Then it will display a countdown timer. We will use some React hooks like useState and useEffect and we also use the dayjs library to compute the time that is left. Chapters: 0:00 Intro 1:15 Basic setup 4:51 Styling 6:55 Add the state 8:30 Add the counter interval 11:40 Prepare countdown logic 15:43 Implement countdown logic 20:41 Format countdown string 23:29 Fix negative countdown values Sourcecode: https://github.com/R4M5E5/Video-Tutor...

Intro

Basic setup

Styling

Add the state

Lista de reproducción destacada